page-building {
  
    
    .test{
        width: 100%;
        height: 100%;
        background-color: gray;
        display: inline-flex;
        display: -webkit-flex;
        flex-direction: row;
        align-items: center;
       
    }

    .test1
    {
        background-color: red;
        height: 20%;
        order: 1;
        flex-grow: 1;
       
        
    }

    .test2
    {
        padding: 0 !important;
        background-color: teal;
       height: 100%;
        display: inline-flex;
        display: -webkit-flex;
        flex-direction: row;
        align-items: center;
    }

    .test3
    {
        background-color: yellow;
        height: 70%;
        order: 3;
        flex-grow: 3;
    }


    // .vertical_center
    // {
    //     display: -webkit-box;
    //     -webkit-box-orient:vertical;
    //     -webkit-box-pack: center;
    //     -webkit-box-align: start;
        
    //     display: -moz-box;
    //     -moz-box-orient: vertical;
    //     -moz-box-pack: center;
    //     -moz-box-align: start;
        
    //     display: -o-box;
    //     -o-box-orient: vertical;
    //     -o-box-pack: center;
    //     -o-box-align: start;
        
    //     display: -ms-box;
    //     -ms-box-orient: vertical;
    //     -ms-box-pack: center;
    //     -ms-box-align: start;
        
    //     display: box;
    //     box-orient: vertical;
    //     box-pack: center;
    //     box-align: start;
    // }

    // .horizontal_center
    // {
    
    //     display: -webkit-box;
    //     -webkit-box-orient:horizontal;
    //     -webkit-box-pack: start;
    //     -webkit-box-align: start;
        
    //     display: -moz-box;
    //     -moz-box-orient: horizontal;
    //     -moz-box-pack: start;
    //     -moz-box-align: center;
        
    //     display: -o-box;
    //     -o-box-orient: horizontal;
    //     -o-box-pack: center;
    //     -o-box-align: start;
        
    //     display: -ms-box;
    //     -ms-box-orient: horizontal;
    //     -ms-box-pack: center;
    //     -ms-box-align: start;
        
    //     display: box;
    //     box-orient: horizontal;
    //     box-pack: center;
    //     box-align: start;
    // }
}
